<template>
  <div>
    <CloudTable class="test-table" :columns="columns" :dataSource="dataSource" :serialNumber="true">
    </CloudTable>
  </div>
</template>

<script>
  export default {
    title: '6.序号列(serialNumber)',
    subTitle: '序号(serialNumber)',
    data () {
      return {
        columns: [
          {
            title: 'Name',
            dataIndex: 'name',
            width: 200,
            ellipsis: true
          },
          {
            title: 'Age',
            dataIndex: 'age',
            width: 200,
            ellipsis: true
          },
          {
            title: 'Sex',
            dataIndex: 'sex',
            width: 200,
            ellipsis: true
          },
        ],
        dataSource: [
          {
            key: '1',
            name: 'John Brown',
            age: 32,
            age1: '1111111111111111111111111111111111111111111111111111111111111111111111',
            age2: '1111111111111111111111111111111111111111111111111111111111111111111111',
            sex: '男'
          },
          {
            key: '2',
            name: 'Jim Green',
            age: 42,
            sex: '女'
          },
          {
            key: '3',
            name: 'Joe Black',
            age: 32,
            sex: '男'
          },
        ],
      }
    },
    methods: {
    }
  }
</script>
<style lang="scss" scoped>
</style>